<template>
  <div>
    <Header></Header>
    <div class="aboutus-container">
      <h3>河南酷音智能科技有限公司</h3>
      <div class="jiyu">
        <h5>董事长寄语：</h5>
        <p>
          音乐是思维者的艺术。音乐教育不是培养音乐家，首先是培养人。音乐歌唱人们的生活，引导人们走向光明的未来，一个好的音乐都是为了拨动心弦。音乐是不假任何外力，可直接沁人心脾，是最纯粹的感情火焰。它是人吸入的空气，它是人生命中流淌着的血液。
        </p>
        <p>
          移风易俗，莫善于乐。音乐教育出了非常注重道德培养以外，必须把美作为自己的目的来研究，注重把人教育成美和善，通过音乐并在音乐中教育我们的孩子。音乐有一种形成性格的力量，青少年的音乐教育能够给他们的未来带去更多的期待。
        </p>
        <p>
          音乐是生活中最美好的一面。推动音乐教育的普及，让更多的孩子接受艺术熏陶、开启智慧、丰富思想是酷音人的梦想。通过技术手段把音乐教学变得更加高效，真正实现老师易教、学生易学，是酷音人的一生追求。
        </p>
      </div>
      <div class="teambuild">
        <h4>团建活动</h4>
        <div class="teambuild-item">
          <div class="teambuilditem-cont">
            <div class="teambuild-name">
              <h5>青岛之旅大合照</h5>
            </div>
            <div class="teambuild-img">
              <img src="/images/aboutus/qingdao1.png" alt="" />
              <img src="/images/aboutus/qingdao2.png" alt="" />
            </div>
          </div>
        </div>
        <div class="teambuild-item">
          <div class="teambuilditem-cont">
            <div class="teambuild-name">
              <h5>公益活动大合照</h5>
            </div>
            <div class="teambuild-img">
              <img src="/images/aboutus/gongyi1.png" alt="" />
              <img src="/images/aboutus/gongyi2.png" alt="" />
            </div>
          </div>
        </div>
        <div class="teambuild-item">
          <div class="teambuilditem-cont">
            <div class="teambuild-name">
              <h5>信阳之旅大合照</h5>
            </div>
            <div class="teambuild-img">
              <img src="/images/aboutus/xinyang1.png" alt="" />
              <img src="/images/aboutus/xinyang2.png" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "../components/Header";
import Footer from "../components/Footer";
export default {
  head () {
    return {
      title: '关于我们-河南酷音智能科技有限公司'
    }
  },
  data() {
    return {
      username: "",
      contact: "",
      address: "",
      yixiang: "",
      problem: ""
    };
  },
  methods: {
    handleSubmitProblem() {}
  },
  components: {
    Header,
    Footer
  }
};
</script>

<style lang="less">
.aboutus-container {
  h3 {
    width: 1444px;
    // margin: 0 auto;
    font-size: 40px;
    color: #000;
    text-align: center;
    margin: 110px auto 70px;
  }

  .jiyu {
    width: 1040px;
    margin: 0 auto;
    height: 502px;
    background: url("/images/aboutus/jiyubgs.png") no-repeat;
    padding: 40px 100px;
    box-sizing: border-box;

    h5 {
      font-size: 18px;
      color: #3b3b3b;
      margin-bottom: 20px;
    }

    p {
      margin-bottom: 10px;
      font-size: 18px;
      color: #3b3b3b;
      text-indent: 2em;
      line-height: 40px;
    }
  }

  .teambuild {
    // width: 1350px;
    margin: 110px auto 70px;

    h4 {
      width: 1200px;
      margin: 0 auto 110px;
      text-indent: 2em;
      font-size: 32px;
      color: #3b3b3b;
      margin-bottom: 100px;
    }

    .teambuild-item {
      position: relative;

      &::after {
        content: "";
        width: 100%;
        height: 610px;
        background: #f8f8f8;
        position: absolute;
        top: 50%;
        margin-top: -305px;
        left: 0;
        z-index: 0;
      }
    }

    .teambuilditem-cont {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      z-index: 2;
    }

    .teambuild-name {
      width: 280px;

      h5 {
        display: inline-block;
        font-weight: normal;
        font-size: 26px;
        color: #000;
        position: relative;

        &::before,
        &::after {
          content: "";
          width: 100%;
          height: 3px;
          background: #96ddff;
          position: absolute;
          left: 0;
        }

        &::before {
          top: 45px;
        }

        &::after {
          top: 55px;
        }
      }
    }

    .teambuild-img {
      width: 920px;

      img {
        width: 920px;
        margin-bottom: 50px;
      }
    }
  }
}
</style>
